import { Meta, Canvas, Story } from '@storybook/blocks';
import * as RadioButtonStories from './RadioButton.stories';
import * as RadioGroupButton from './RadioGroupButton.stories';

<Meta of={RadioButtonStories} />

# Radio Button

A radio button or option button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.

### Description

- Always associate a label to every radio button for good accessibility. Do not include a colon at the end of the label.
- Use radio buttons when users have to choose only one option among many.

### Default

<Canvas of={RadioButtonStories.Default} />

### Selected

<Canvas of={RadioButtonStories.Selected} />

### Disabled

<Canvas of={RadioButtonStories.Disabled} />

### Radio button group

<Canvas of={RadioGroupButton.Default} />
